<template>
  <li>
    <div class="num-box" :style="{ color: color, borderColor: color }">
      {{ num }}
    </div>
    <div class="text-box">{{ text }}</div>
  </li>
</template>

<script>
export default {
  name: 'myli',
  props: ['num', 'text', 'color']
}
</script>

<style></style>
